﻿@Imports SchoolClick.Database.jqGrid
@Code
    Dim grid = New JqGridHelper(Of ALUMNO_INFO_IN_SECCION)("table-alum-seccion",
       dataType:=JqGridDataTypes.Json, methodType:=JqGridMethodTypes.Post, pager:=True,
       rowsNumber:=20,
       viewRecords:=True,
       rowsNumbers:=True,
       width:=920, height:=465
    )
End Code
@Html.TableFields(String.Format("Grados y Secciones del año escolar {0}", ViewBag.Year)
    ).AddField("cmbGrados", "Seleccione el grado y sección que desee visualizar su listado de alumnos", JFControlType.ComboBox, New JFOptionsFields(
               ).setSource(Url.Action("_getGradosAndSecciones_AJAX", "AnioEscolar", New With {.year = ViewBag.Year}))
).SetTableWidth(920
).AddJavaScript(String.Format("$('#jerti-content').attr('data-year-ae', {0});", ViewBag.Year)
).AddJavaScript(grid.GetJavaScript.ToHtmlString)
@grid.GetHtml
@Html.TituloFieldSet("Exportar los listados de alumnos de cada grado", New With {.style="margin-top: 20px;"})
<div style="font-size:13px; margin-bottom: 40px;">
    @Html.TextPage(
        ).AddLine("A continuación, usted puede descargar en formato PDF u Hoja de Calculo (MS Excel) el listado de alumnos de todos los grados del nuevo año escolar."
        ).AddLine("En el listado, a la par del NIE de cada alumno se incluye el usuario que el sistema le genero para que pueda acceder a la plataforma web."
        ).AddLine(String.Format("<strong>1 - </strong>{0}", Html.ActionLink(String.Format("Descargar el listado de todos los alumnos inscritos en el año escolar {0} en formato PDF", ViewBag.Year), "AllAlumnos_GradoAndSeccion", "Reportes", New With {.formato = "PDF", .Year = ViewBag.Year}, Nothing))
        ).AddLine(String.Format("<strong>2 - </strong>{0}", Html.ActionLink(String.Format("Descargar el listado de todos los alumnos inscritos en el año escolar {0} en formato MS Excel (XLS)", ViewBag.Year), "AllAlumnos_GradoAndSeccion", "Reportes", New With {.formato = "XLS", .Year = ViewBag.Year}, Nothing))
    )
</div>
<script type="text/ecmascript">
    $(function () {
        $('#cmbGrados').on({
            change: function () {
                $('#table-alum-seccion').jqGrid('setGridParam', { url: '/AnioEscolar/_get_alumnos_seccion_newae?Grado=' + this.value + '&Year=' + $('#jerti-content').attr('data-year-ae') }).trigger('reloadGrid');
            },
            loadSuccess: function () {
                $('#table-alum-seccion').jqGrid('setGridParam', { url: '/AnioEscolar/_get_alumnos_seccion_newae?Grado=' + this.value + '&Year=' + $('#jerti-content').attr('data-year-ae') }).trigger('reloadGrid');
            }
        });
    });
</script>
